﻿<!DOCTYPE html>
<html>
<head>
    <title>插件化首页</title>
    <link href="/home/css/bootstrap.css" rel="stylesheet" />
    <link href="/home/css/font-awesome.css" rel="stylesheet" />
    <script src="/home/js/jquery.js"></script>
    <script src="/home/js/bootstrap.js"></script>
    <style type="text/css">
        .bodybase {
            background-color: #f9f9f9;
            font-size: 15px;
        }

        .container-fluid {
            padding-left: 0;
            padding-right: 0;
        }

        /*****************************************************************************************/

        nav {
            background-color: #e5e6e6;
            background-color: rgba(229, 230, 230, 0.73);
            overflow: hidden;
            z-index: 1000;
        }

            nav ul {
                float: right;
            }

        .navbar-nav .nav-item {
            float: right;
            margin-right: 1rem;
        }

            .navbar-nav .nav-item:hover {
                text-decoration: underline;
                color: black;
            }

        .shadow {
            -moz-box-shadow: 3px 3px 4px #000;
            -webkit-box-shadow: 3px 3px 4px #000;
            box-shadow: 3px 3px 4px #b9b1b1;
        }
        /*****************************************************************************************/

        #menu {
            margin-top: .5rem;
        }

            #menu .list-group-item {
                position: relative;
                border-style: none;
                text-align: center;
                background-color: #f9f9f9;
                -webkit-transition-property: all;
                -webkit-transition-duration: 0.1s;
                -webkit-transition-timing-function: ease;
            }
                /*#menu .list-group .list-group-item .submenu {
                display: none;
            }*/


                #menu .list-group-item:hover {
                    background-color: #cacaca;
                    cursor: pointer;
                    border-left-width: 5px;
                    border-left-color: black;
                    border-left-style: solid;
                }

            /*#menu .list-group .list-group-item:hover .submenu {
                display: block;
            }*/

            #menu button {
                display: block;
                margin: 3px auto;
            }

            #menu div:first-child {
                border-bottom-style: solid;
                border-bottom-width: 1px;
                border-bottom-color: grey;
            }
        /*****************************************************************************************/
        #content .breadcrumb {
            margin-top: 10px;
            background-color: #f9f9f9;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-bottom-color: gray;
        }

        #content ol.breadcrumb {
            border-radius: 0;
            margin-bottom: 5px;
        }

        #content .card {
            overflow: hidden;
        }

            #content .card span {
                font-size: .8rem;
            }

            #content .card .clearboth {
                clear: both;
            }

        blockquote p {
            font-size: 1rem;
        }

        .card img {
            /*图片黑白*/
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
            /*图片大小以为位置*/
            width: 70px;
            height: 70px;
        }

        .card {
            border-width: 0;
            border-style: none;
            border-radius: 0;
        }

        #content ul li {
            width: 33.333333%;
            background-color: #f9f9f9;
            float: left;
        }

        #content .card .list-group-item {
            border-width: 0;
            border-style: none;
            padding: 0;
            text-align: center;
            border-bottom-width: 2px;
            border-bottom-color: #f9f9f9;
            border-bottom-style: solid;
        }


            #content .card .list-group-item:hover {
                background-color: #cacaca;
                cursor: pointer;
                border-bottom-color: black;
            }

        #content .card {
            margin: 3rem 0;
        }

        /*****************************************************************************************/
        #recommanduser .list-group-item {
            border-width: 0;
            border-style: none;
            border-bottom-width: 2px;
            border-bottom-color: #f9f9f9;
            border-bottom-style: solid;
        }

            #recommanduser .list-group-item:hover {
                background-color: #cacaca;
                cursor: pointer;
            }

        #recommanduser .recomandtoptitle ul li {
            display: table-cell;
            width: 1%;
        }

        #recommanduser .recomandtoptitle .list-group-item:hover {
            border-bottom-width: 2px;
            border-bottom-color: black;
            border-bottom-style: solid;
        }

        #recommanduser .recomandtoptitle ul {
            border-bottom-color: black;
            border-bottom-style: solid;
            border-bottom-width: 1px;
        }
    </style>
</head>
<body class="bodybase">
    <div id="app">

    </div>
    <script src="http://127.0.0.1:8080/build/home.build.js"></script>
</body>
</html>
